<template>
    <div>
        <Carousel v-model="value1" autoplay>
            <Carousel-item v-for="(img, index) in imgList" :key="index">
                <div
                    class="demo-carousel"
                    style="
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        background: #464c5b;
                    "
                >
                    <img :src="img" />
                </div>
            </Carousel-item>
        </Carousel>

        <Collapse>
            <Panel name="1">
                朱杰
                <p slot="content">朱杰，组长，负责人，文档，答辩</p>
            </Panel>
            <Panel name="2">
                倪一鸣
                <p slot="content">成员，sumo，算法，车流回放</p>
            </Panel>
            <Panel name="3">
                张林
                <p slot="content">成员，echarts图表，视频</p>
            </Panel>
            <Panel name="4">
                张加林
                <p slot="content">成员，前端，协调</p>
            </Panel>
            <Panel name="5">
                李嘉亮
                <p slot="content">成员，产品经理，PPT</p>
            </Panel>
        </Collapse>
    </div>
</template>

<script>
// import img1 from "../assets/images/1.gif";
// import img2 from "../assets/images/2.gif";
// import img3 from "../assets/images/3.gif";

export default {
    name: "Home",
    data() {
        return {
            value1: 0,
            imgList: ["./img/1.gif", "./img/2.jpg", "./img/3.gif"],
        };
    },
    methods: {},
};
</script>

<style scoped>
div {
    color: black;
}
</style>
